<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8" />
    <title>Soy Milk UI Fuckyougithub</title>
    <link rel="stylesheet" type="text/css" href="css/iconfont.css">
    <link rel="stylesheet" type="text/css" href="css/style.css" />
    <link rel="stylesheet" type="text/css" href="css/fillcolor.css">
    <link rel="stylesheet" type="text/css" href="css/soymilk.css" />
    <script type="text/javascript" src="js/jquery-1.11.1.min.js"></script>
</head>

<body>
    <div class="_top">
        <i class="icon-sort">Soy Milk UI</i>
    </div>
	<div class="sideMenu">
	    <div class="sideMenuBar">
	        <div class="barTitle bg-pink fg-white">
	            <h3>Bar Title</h3>
	        </div>
	        <div class="barItem">
	            <div class="item">First Button</div>
	            <div class="item">Second Button</div>
	            <div class="item">Third Button</div>
	        </div>
	        <div class="barItem">
	            <div class="item">Forth Button</div>
	            <div class="item">Fifth Button</div>
	            <div class="item">Sixth Button</div>
	        </div>
	    </div>
	</div>
	<div class="_body">
		<div class="buttonList">
			<div class="buttonItem">Buttons</div>
			<div class="buttonItem">Buttons</div>
			<div class="buttonItem">Buttons</div>
			<div class="buttonItem">Buttons</div>
			<div class="buttonItem">Buttons</div>
			<a href="testBaiduMapLbs.html" target="_blank"><div class="buttonItem">testBaiduMapLbs</div></a>
		</div>
		<div class="main">
			<div class="buttonDemo">
				
			</div>
		</div>
	</div>


    <script type="text/javascript">
	    $('.icon-sort').click(function() {
	    	$('.sideMenu').addClass('focus');
	    });
	    $('.sideMenu').click(function() {
	    	$(this).removeClass('focus');
	    });
    </script>
</body>

</html>
